<!DOCTYPE html>
<html>
<head>
  <title>Vue.js commits example</title>

  <script src="vue.js"></script>
</head>
<body>
<div id="example">
  <button v-on:click="greet">Greet</button>
</div>

<script>
  var vm = new Vue({
    el: '#example',
    data: {
      name: 'Vue.js'
    },
    // 在 `methods` 对象中定义方法
    methods: {
      greet: function (event) {
        // 方法内 `this` 指向 vm
        alert('Hello ' + this.name + '!')
        // `event` 是原生 DOM 事件
        alert(event.target.tagName)
      }
    }
  })

  // 也可以在 JavaScript 代码中调用方法
  //vm.greet() // -> 'Hello Vue.js!'
</script>

</body>
</html>
